﻿<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>{dede:global.cfg_webname/}</title>
    <meta name="description" content="{dede:global.cfg_description/}"/>
    <meta name="keywords" content="{dede:global.cfg_keywords/}"/>
    <meta name="applicable-device" content="pc,mobile">
    <link href="/style/Public/css/bootstrap.css" rel="stylesheet">
    <link href="/style/Home/Tpl/default/Public/css/bxslider.css" rel="stylesheet">
    <link href="/style/Home/Tpl/default/Public/css/style.css" rel="stylesheet">
    <script src="/style/Public/js/jquery.min.js"></script>
    <!--[if lt IE 9]>
    <script src="http://cdn.bootcss.com/html5shiv/3.7.2/html5shiv.min.js"></script>
    <script src="http://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->

</head>
<body>

{dede:include filename="head.htm"/}

<!-- bxslider -->
<div class="flash">
    <ul class="bxslider">
        {dede:arclist row='5' titlelen='36' typeid='18'}
        <li><a href="javascript:;"><img src="[field:litpic/]"/></a></li>
        {/dede:arclist}
    </ul>
</div>

<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">
            <h2 class="about_h2"><span>公司</span>简介</h2>
            <p class="about_line"></p>
            <p class="about_p">COMPANY PROFILE</p>
            <section>
                <p class="about_contents">{dede:sql sql="select content from dede_arctype where id=1"}[field:content
                    function=cn_substr(Html2Text(@me),800)/]{/dede:sql}...</p>                        <a
                    href="{dede:type typeid='1'}[field:typeurl/]{/dede:type}" class="about_more">了解更多</a>
            </section>
        </div>
    </div>
</div>

<div class="mouse_img"></div>

<div class="case_bg">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="index_case">
                    <h2 class="about_h2"><span>客户</span>案例</h2>
                    <p class="case_line"></p>
                    <p class="case_p">CUSTOMER CASE</p>
                    <div class="case_list">

                        {dede:arclist typeid='10' row=3 titlelen=32 noflag='h'}
                        <div class="col-sm-4 col-md-4 col-mm-6 case_img">
                            <a href="[field:arcurl/]"><img src="[field:litpic/]" class="opacity_img"
                                                           alt="[field:title/]"/></a>
                            <div class="case_desc case_desc[field:global name=autoindex runphp="yes"]
                            if(@me%2==0)@me="2";else if(@me==1)="0";else @me="1";[/field:global]">
                                <h3>[field:title/]</h3>
                                <p>[field:description function="cn_substr(@me,20)"/]</p>
                                <div class="case_more"><a href="[field:arcurl/]">READ MORE</a></div>
                            </div>
                        </div>
                        {/dede:arclist}


                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="mouse_img" style="top:-15px;"></div>

<div class="container">
    <div class="row">
        <div class="col-xs-12 col-sm-12 col-md-12">

            <div class="index_product">
                <h2 class="about_h2"><span>产品</span>展示</h2>
                <p class="about_line"></p>
                <p class="about_p">PRODUCT DISPLAY</p>
                <div class="product_list">


                    {dede:arclist typeid='2' row=8 titlelen=32 noflag='h'}
                    <div class="col-sm-4 col-md-3 col-mm-6 product_img"><a href="[field:arcurl/]"> <img
                            src="[field:litpic/]" style="width: 261px;height: 202px;" class="opacity_img"
                            alt="[field:title/]"> </a>
                        <p class="product_title"><a href="[field:arcurl/]" title="[field:fulltitle/]">[field:title/]</a>
                        </p>
                    </div>
                    {/dede:arclist}
                </div>
            </div>

        </div>
    </div>
</div>

<div class="mouse_img"></div>

<div class="case_bg">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-12">
                <div class="index_case">
                    <h2 class="about_h2"><span>团队</span>介绍</h2>
                    <p class="case_line"></p>
                    <p class="case_p">TEAM INTRODUCTION</p>
                    <div class="case_list">

                        {dede:arclist typeid='13' row=8 titlelen=32 noflag='h'}
                        <div class="col-sm-4 col-md-4 col-mm-6 team_img">
                            <a href="[field:arcurl/]"><img src="[field:litpic/]" class="opacity_img"
                                                           alt="[field:title/]"/></a>
                            <div class="team_desc">
                                <a href="[field:arcurl/]">[field:title/]</a>
                                <p>[field:description function="cn_substr(@me,20)"/]</p>
                            </div>
                        </div>
                        {/dede:arclist}
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<div class="container">
    <div class="row">

        <div class="left_nav index_left_nav" id="categories">
            <h2 class="left_h2">导航栏目</h2>
            <ul class="left_nav_ul" id="firstpane">
                {dede:channelartlist typeid=2 }
                <li><a class="biglink" href="{dede:field name='typeurl'/}">{dede:field name='typename'/}</a><span
                        class="menu_head">+</span>
                    <ul class="left_snav_ul menu_body">
                        {dede:sql sql='Select * from `dede_arctype` where reid=~id~ ORDER BY id'}
                        <li><a href="[field:typedir function="cn_substr(@me,200,9)"/]">[field:typename/]</a></li>
                        {/dede:sql}
                    </ul>
                </li>
                {/dede:channelartlist}
            </ul>


        </div>

        <div class="col-xs-12 col-sm-8 col-md-7">
            <div class="news_box">
                <h2 class="news_h2">新闻中心</h2>
                <ul class="index_news">


                    {dede:arclist typeid='7' row=5 titlelen=32 noflag='h'}
                    <li><a href="[field:arcurl/]" title="[field:title/]">[field:fulltitle/]</a><span class='news_time'>[field:pubdate function="MyDate('Y-m-d',@me)"/]</span>
                    </li>
                    {/dede:arclist}

                </ul>
            </div>
        </div>

        <div class="col-xs-12 col-sm-4 col-md-5">

            <div class="index_contact">
                <h2 class="news_h2">联系我们</h2>
                <p style="padding-top:28px;"> {dede:global.cfg_mc/}</p>
                <p>QQ：{dede:global.dedemao_qq/}</p>
                <p>电话：{dede:global.cfg_dh/}</p>
                <p>邮箱：{dede:global.cfg_yx/}</p>
                <p>地址：{dede:global.cfg_dz/}</p>
            </div>
            <div class="btn-group dropup" style="margin-bottom:15px;">
                <button type="button" class="btn btn-default btn-sm" data-toggle="dropdown" aria-expanded="false"
                        style="line-height:13px;">---友情链接---
                </button>
                <button type="button" class="btn btn-default dropdown-toggle btn-sm" style="line-height:13px;">
                    <span class="caret"></span>
                    <span class="sr-only">友情链接</span>
                </button>
                <ul class="dropdown-menu" role="menu">
                    {dede:flink titlelen='20' row='10' type='text'}[field:link /]{/dede:flink}
                </ul>
            </div>
        </div>

    </div>
</div>

{dede:include filename="footer.htm"/}

<script src="/style/Home/Tpl/default/Public/js/bxslider.min.js"></script>
<script src="/style/Home/Tpl/default/Public/js/common.js"></script>
<script src="/style/Public/js/bootstrap.js"></script>

<script type="text/javascript">
    $(function () {
        $('.bxslider').bxSlider({
            easing: "ease-in-out",
            adaptiveHeight: true,
            infiniteLoop: true,
            hideControlOnEnd: false,
            auto: true,
            pause: 4000,
            autoHover: true
        });
    })
</script>

</body>
</html>
 